@charset 'UTF-8';
@import 'compass/css3';

$borderColor:#e4e4e4;
$bgColor:#f2f2f2;

.propertyDataDetailInfo{
	@include display-flex;
	@include flex-direction(column);
	// border:1px solid $borderColor;
	margin:0 0px 15px 15px;
	height:100%;

	.contentHeader{

	}

	.contentWraper{
		height: 100%;
	    overflow: auto;
	    position: relative;
	}

	.content{
		position:absolute;
		width:100%;
		// @include display-flex;
		// @include flex-direction(column);
		// @include flex(1);
		// height:1px;
		// overflow:auto;
		.baseCard{
			@include display-flex;
			background-color:#fff;
			border-width:1px 0;
			border-style:solid;
			border-color:$borderColor;
			min-height:100px;
			.card{
				@include flex(1);
				border-right:1px solid $borderColor;
				@include box-sizing(border-box);
				padding:24px;
				font-size:12px;
				color:#999;
				line-height:20px;
				overflow:hidden;
				&::last-child{
					border-right:none;
				}


			}
		}
		.smallSize{
			font-size:12px;
			color:#999;
		}
		.largeSize{
			font-size:16px;
			color:#666;
		}
		.tagList{
			@include display-flex;
			background-color:#fff;
			height:44px;
			@include align-items(center);
			border-width:1px 0;
			border-style:solid;
			border-color:$borderColor;
			a{
				padding:0 24px;
				color:#666;
				height:44px;
				line-height:44px;
				text-align:center;
				border-right:1px solid $borderColor;
			}
			.divider{
				width:1px;
				height:100%;
				background-color:$borderColor;
			}
		}
	}

	.table{
		width:100%;
		border-collapse: collapse;

		tr{
			height:35px;
		}
		th{
			width:160px;
			background-color:#f9f9f9;
		}
		tr,td,th { 
			text-align:left;
			padding-left:24px;
			border:1px solid $borderColor; 
		}
	}
}

.cardExtraA{
	// color:#999;
}
